<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购试做</title>
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="css/order.css">
    <!-- 1. 引入插件样式 -->
    
    <style>
    </style>
</head>

<body>
    <!--开始排版-->
    <!--顶部通栏-->
    <header class="topl cf">
        <div class="contents top1">
            <a href="index.html" class="wz">legochina.cn</a>
            <p>欢迎光临<a href="index.html">乐购</a>，请
                <a href="login.html">登录</a><span>\</span>
                <a href="post.html" id="post">注册</a>
            </p>
        </div>
        
        <!--顶部导航栏-->
    </header>
    <div class="contents topnav cf">
        <img src="images/order001.jpg" class="logo">
        
        <form class="search" action="###" method="get">
            <input type="text" name="wd" placeholder="创意文具"/>
            <button type="button" value=""><img src="images/seach01.jpg"></button>
        </form>
    </div>
   <!--主要内容1生成     -->
      
       <div class="contents msg1">
<p>填写并核对订单信息 </p>
       </div>
   
    <!-- 主要内容2生成 -->
    <div class="contents msg2 cf">
        <p class="fl">收货人信息</p>
        <p class="fr msg01"><a href="##">新增收货地址</a></p>
               </div>
    <!-- 主要内容3生成 -->
    <div class="contents msg3 cf">
        <table>
            <tr>
                <td>
                    运送  四川
                </td>
                <td>
                    成都市  高新区  天府新谷11号楼1101      
                </td>
                <td>
                         收货人
                </td>
                <td>
                    X某某
                </td>
                <td>
                    联系电话：136******88
                </td>
                <td>
                    <a href="##">默认收货地址</a>
                </td>
            </tr>
        </table>
        <p class="msg01">更多收货地址：</p>
        <table>
            <tr>
                <td>
                    运送  四川
                </td>
                <td>
                    成都市  高新区  天府新谷11号楼1101      
                </td>
                <td>
                         收货人
                </td>
                <td>
                    X某某
                </td>
                <td>
                    联系电话：136******88
                </td>
                <td>
                    
                </td>
            </tr>
        </table>
    </div>
    <div class="contents cf">
        <p class=" bgcc">支付方式</p>
       <p>
        <table>
            <tr>
                <td>
                    货到付款
                </td>
                <td>
                    微信支付
                </td>
                <td>
                    信用卡
                </td>
                <td>
                    银行卡
                </td>
              
                <td>
                    <a href="##">更多>></a>
                </td>
            </tr>
        </table>
       </p>
               </div> 

               <div class="contents bgcc cf">
                <p class="fl">送货清单</p>
                <p class="fr msg01"><a href="##">价格说明</a><a href="##">返回购物车修改</a></p>
                       </div> 
     <!-- 主要内容4生成 -->
     <div class="contents msg4 cf">
        <p class="">
            <table >
            <thead>
                    <tr  class="tcenter">
                            <td>
                                    <input id="Checkbox1" type="checkbox"  class="allselect"/>全选
                            </td>
                            <td>
                                    商品
                            </td>
                            <td>
                                    商品描述
                            </td>
                            <td>
                                    价格
                            </td>
                            <td>
                                    数量
                            </td>
                            <td>
                                    状态
                            </td>
                            <td>
                                    付款方式
                            </td>
                            <td>
                                    配送方式
                            </td>
                            <td>
                                    配送时间
                            </td>
                          
                            <td>
                                操作
                            </td>
                        </tr>
            </thead>
            <tbody>
                    <tr class="tcenter">
                            <td>
                                    <input id="Checkbox1" type="checkbox"  class="allselect"/>
                            </td>
                            <td>
                                    <a href="##"><img src="images/book001.jpg"></a>
                            </td>
                            <td>
                                    会赚钱的人想的不一样
                            </td>
                            <td>
                                    41.00
                            </td>
                            <td>
                                   1
                            </td>
                            <td>
                                    库存有货
                            </td>
                            <td>
                                    现金
                            </td>
                            <td>
                                    顺丰快递
                            </td>
                            <td>
                                    预计8月30日12：00-16：00送达
                            </td>
                          
                            <td>
                                <a href="##">查看更多商品信息</a>
                            </td>
                        </tr>
            </tbody>
            
        </table></p>
        
    </div>
     <!-- 主要内容5生成 -->
     <div class="contents msg5 cf">
        
            <p class="bgcc">发票信息</p>
            <p>
             <table>
                 <tr  class="tcenter">
                     <td>
                            普通发票（电子） 
                     </td>
                     <td>
                            个人 
                     </td>
                     <td>
                            明细
                     </td>
                     
                   
                     <td>
                         <a href="##" class="fr">修改</a>
                     </td>
                 </tr>
             </table>
            </p>
    </div>
    <!-- 主要内容6生成-->
    <div class="contents msg6 cf ">
            <p>
                    <table>
                        <tr class=" tcenter">
                            <td>
                                    <span class=" cf60">1</span>件商品 
                            </td>
                            <td>
                                    总商品金额：<span class=" cf60">41.00</span>
                            </td>
                            <td>
                                    运费：<span class=" cf60">6.00</span>
                            </td>
                            <td>
                                    应付总额：<span class=" cf60">47.00</span>
                            </td>
                        </tr>
                    </table>
                   </p>
                   <p class="fr1">配送至<div class="form-group" id="main">
                        　　　　<select class="form-control" ><option>四川省</option>
                        　　　　</select>
                        　　　　<select class="form-control" ><option>成都市</option>
                        　　　　</select>
                        　　　　<select class="form-control"><option></option>
                        　　　　</select>
                        </div></p>
            <p class=" msg041 cf"><a href="##"class="fr">提交订单</a></p>
    </div>
    <!-- 推广的底部广告 -->
    <div class="contents banner4 cf">
       
                <a href="##"><img src="images/banner001.jpg"></a>
           
    </div>
     <!-- 广告下面的图标 -->
    <div class="banner2">
        <div class="contents banner3">
            <ul>
                <li>
                    <img src="images/ba01.png">
                </li>
                <li>
                    <img src="images/ba02.png">
                </li>
                <li>
                    <img src="images/ba03.png">
                </li>
                <li>
                    <img src="images/ba04.png">
                </li>
            </ul>
        </div>
    </div>
    <!-- 推广下面的底部广告 -->
    <div class="contents bannerlast cf" id="bannerlast">
        <ul>
            <li>
                <h4>购物指南</h4>
                <p>
                    <a href="###">购物流程</a>
                </p>
                <p>
                    <a href="###">发票制度</a>
                </p>
                <p>
                    <a href="###">账户管理</a>
                </p>
                <p>
                    <a href="###">会员优惠</a>
                </p>
            </li>
            <li>
                <h4>支付方式</h4>
                <p>
                    <a href="###">货到付款</a>
                </p>
                <p>
                    <a href="###">网上支付</a>
                </p>
                <p>
                    <a href="###">礼品卡支付</a>
                </p>
                <p>
                    <a href="###">银行转账</a>
                </p>
            </li>
            <li>
                <h4>订单服务</h4>
                <p>
                    <a href="###">订单配送查询</a>
                </p>
                <p>
                    <a href="###">订单状态说明</a>
                </p>
                <p>
                    <a href="###">自助取消订单</a>
                </p>
                <p>
                    <a href="###">自助修改订单</a>
                </p>
            </li>
            <li>
                <h4>退换货服务</h4>
                <p>
                    <a href="###">退换货政策</a>
                </p>
                <p>
                    <a href="###">自助申请退换货</a>
                </p>
                <p>
                    <a href="###">退换货进度查询</a>
                </p>
                <p>
                    <a href="###">退款方式和时间</a>
                </p>
            </li>
            <li>
                <h4>商家服务</h4>
                <p>
                    <a href="###">商家中心</a>
                </p>
                <p>
                    <a href="###">运营服务中心</a>
                </p>
                <p>
                    <a href="###">加入尾品汇</a>
                </p>
            </li>
            <li>
                <img src="images/d01.jpg">
            </li>


        </ul>
    </div>
    <!-- 页面的底部页脚 -->
    <div class="contents lfot" id="lfot">
        <p class="lik">
            <a href="###" class="lf1">公司简介</a>
            <a href="###">Investor Relations</a>
            <a href="###">网址联盟</a>
            <a href="###">乐购招商</a>
            <a href="###">机构销售</a>
            <a href="###">手机乐购</a>
            <a href="###">官方Blog</a>
            <a href="###">热词搜索</a>
        </p>
        <p>Copyright &copy; 乐购网 2014-2016, All rights reserved </p>
    </div>
   <!-- 页面的左边导航 -->
    
      <!-- 页面的右边导航 -->
      





    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>

    <script src="js/dizhi.js"></script>
    <script src="js/order.js"></script>
    
    

    <!-- 4. 引入当前页面js文件
    
    
    -->
    
   
</body>

</html>